import { Link, Outlet } from "react-router-dom";

export default function RouterEnter() {

    return (
        <div>
            <h1>router-demo</h1>
            <nav
                style={{
                borderBottom: "solid 1px",
                paddingBottom: "1rem"
                }}
            >
                <Link to="/invoices">Invoices</Link> |{" "}
                <Link to="/expenses">Expenses</Link> | {" "}
                <Link to="/redux">redux</Link>
            </nav>
            {/* 嵌套路由占位 */}
            <Outlet />
        </div>
    )
}